<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <!--根据设计图 的媒体查询 单位像素-->
   <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <meta name="screen-orientation" content="portrait"><!-- uc强制竖屏 -->
   <meta name="x5-orientation" content="portrait"><!-- QQ强制竖屏 -->
   <meta name="apple-mobile-web-app-capable" content="no"/><!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
   <title>{$config['site_title']}</title>
   <meta name="keywords" content="{$config['site_keywords']}" />
   <meta name="description" content="{$config['site_description']}" />
   <link rel="stylesheet" href="__HOME__/css/font-size.min.css">
   <link rel="stylesheet" href="__HOME__/css/style.css">
</head>
<body>
   <ul class="activity-list">
      {foreach name="list" item="vo"}
      <li onclick="window.location.href='{:url(\'index/event\',array(\'id\'=>$vo.activity_id))}'">
         <div class="com_width container">
            <img src="{$vo.imgurl}" alt=""  class="left">
            <div class="right">
               <h3 class="title">{$vo.title}</h3>
               <div class="msg">
               <div class="date">活动时间：<span class="text">{$vo.starttime}至{$vo.endtime}</span></div>
               <div class="type-residue">
                  <div class="type">活动类型：<span class="text">{if $vo.type_id==1}未成年人{elseif $vo.type_id==2}成年人{else}家庭{/if}</span></div>
                  <div class="residue">剩余名额：<span class="text">{$vo.signnum}</span></div>
               </div>
               </div>
            </div>
         </div>
      </li>
      {/foreach}
   </ul>
   <div class="hint-text">温馨提示：请珍惜报名机会，<span>爽约超过3次，将会限制你后续的参加资格哟。</span></div>
   <a href="{:url('index/listmy')}" class="my-list com_width">查看我报名的活动</a>
   <style>
      .my-list{display: block;
         margin: 2.2rem auto 1.6rem;
         padding: 0.8rem 0;
         background: #ef4f4f;
         border-radius: 5px;
         font-size: 1.4rem;
         color: #fff;
         text-align: center;}
   </style>
</body>
<script>
</script>
</html>